<%- include ../common/header %>
<link rel="stylesheet" type="text/css" href="/css/common/dialog.css"/>
<link rel="stylesheet" type="text/css" href="/css/exams/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="/css/answer/answerExam.css"/>
<script type="text/javascript" src="/js/libs/iscroll.js"></script>
<script>
	var myscroll;
	function loaded(){
		myscroll = new iScroll("wrapper",{
			scrollY:true,
			freeScroll:true,
			hScrollbar:false,
            vScrollbar:false,
            lockDirection:true,
            hScroll :false
		});
	}
	window.addEventListener("DOMContentLoaded", loaded, false);
</script>
<div class="loadingDrop"></div>
<div class="loadingDiv"></div>
<!-- 答题考试 -->
<div class="answerWrap">
	<!-- 头部 -->
	<div class="answerHead">
		<a href="javascript:;"><img src="/images/back.png" alt="返回" /></a>
		<h2>答题页标题</h2>
		<span><img src="/images/answerSheet.png" alt="答题卡" /></span>	
	</div>
	<!-- 答题开始 -->
	<div class="answerContBox" style="display:none">
		<!-- 题型模板 -->
		<div class="answerTemp">
	        <div class="ansexam">
	            <div class="anstitle">
	                <div><span><em class="tigan_num">1</em>/<i>31</i></span><p>单选题试题标题单选题试单选题试题标题单选题试</p></div>
	            </div>
				<!--单选题 start-->
	            <div class="fm300 danfmbox" style="display:block">
	                <div class="Content0">
	                    <ul class="ul_list">
	                    </ul>
	                </div>	                
					<!-- 不会 -->
					<div class="unableImg">
						<div><span class="unradio isunradio">?</span><span class="itemContent">不会</span></div>
					</div>
	            </div>
	        	<!--单选题 end-->
				<!--多选题 start-->
				<div class="fm300 duofmbox">
	                <div class="Content0">
	                    <ul>
	                    </ul>
	                </div>
					<!-- 不会 -->
					<div class="unableImg">
						<div><span class="unradio">?</span><span class="itemContent">不会</span></div>
					</div>
	                <div class='default-btn'>
	                    <span>提交答案</span>
	                </div>
	            </div>
	            <!--多选题 end-->
	            <!--判断题 start-->
	            <div class="fm300 panfmbox">
	                <div class="Content0">
	                    <ul>
	                        <li lang="对">
	                        	<span class="radioDefault">A</span>
	                        	<span class="itemContent">对</span>
                        	</li>
	                        <li lang="错">
	                        	<span class="radioDefault radioError">B</span>
	                        	<span class="itemContent errorAnswer">错</span>
                        	</li>
	                    </ul>
	                </div>
					<!-- 不会 -->
					<div class="unableImg">
						<div><span class="unradio isunradio">?</span><span class="itemContent">不会</span></div>
					</div>
	            </div>
	            <!--判断题 end-->
	            <!--简答题 start-->
	            <div class="fm300 janfmbox">
					<div class="Content0">
                    	<span class="textarea">
                    		<textarea name="jianda" placeholder="请填写正确答案"></textarea>
                    	</span>
	                </div>
					<!-- 不会 -->
					<div class="unableImg">
						<div><span class="unradio isunradio">?</span><span class="itemContent">不会</span></div>
					</div>
	            	<div class='default-btn'>提交答案</div>
	            </div>
	            <!--简答题 end-->
	        </div>
		</div>
		<!-- 答案解析 -->
		<div class="answerAnaly">
			<div class="answerAD_tit"><p>答案</p></div>
			<dl class="dllist1">
				<dt><img src="/images/tableLamp.png" alt="答题情况" /></dt>
				<dd>
					<!--<span></span>
					<p></p>-->
				</dd>
			</dl>
			<dl class="dllist2">
				<dt><img src="/images/findText.png" alt="答题情况" /></dt>
				<dd>
					<span id='explain'>官方解析：五行的递资生的次序：木生火、火生土、土生金、金生水、水生木。</span>
				</dd>
			</dl>
			<dl class="dllist3">
				<dt><img src="/images/doctorial.png" alt="答题情况" /></dt>
				<dd>
					<span><strong>相关考点：</strong><a href="javascript:;">五行学说的概念</a></span>
				</dd>
			</dl>
			<dl class="dllist4">
				<dt><img src="/images/cloudnote.png" alt="答题情况" /></dt>
				<dd>
					<span><strong>做题笔记：</strong><a href="javascript:;" class="editNote">编辑笔记</a></span>
				</dd>
			</dl>
			<ul>
				<li>
					<strong><img src="/images/collection.png" alt="收藏" />收藏</strong>
					<em><img src="/images/error.png" alt="纠错" />纠错</em>
				</li>
			</ul>
		</div>
		<!-- 讨论 -->
		<div class="answerDiscuss">
			<div class="answerAD_tit"><p>讨论</p></div>
			<h2><strong>精彩评论</strong></h2>
			<ul class="discussCont discuss_content">
				<li>
					<div class="headImg"><img src="/images/ksbaoHead.png" alt="user" /></div>
					<div class="userTalk">
						<span><em>上上签</em><i>2016.08.02</i><strong class="isUserLike">123</strong></span>
						<!-- <p class="userDef">四气是指寒热温凉！</p> -->
						<p class="userRep">回复<em>山上钱</em>:这句话没问题！</p>
						<p class="Replyuser"><em>山上钱</em>:四气是指寒热温凉！</p>
					</div>
				</li>
			</ul>
			<h2><strong>最新评论</strong></h2>
			<ul class="discussCont discuss_content1">
				<li>
					<div class="headImg"><img src="/images/ksbaoHead.png" alt="user" /></div>
					<div class="userTalk">
						<span><em>上上签</em><i>2016.08.02</i><strong></strong></span>
						<p class="userDef">四气是指寒热温凉！</p>
					</div>
				</li>
				<li>
					<div class="headImg"><img src="/images/ksbaoHead.png" alt="user" /></div>
					<div class="userTalk">
						<span><em>上上签</em><i>2016.08.02</i><strong class="isUserLike">123</strong></span>
						<!-- <p class="userDef">四气是指寒热温凉！</p> -->
						<p class="userRep">回复<em>山上钱</em>:这句话没问题！</p>
						<p class="Replyuser"><em>山上钱</em>:四气是指寒热温凉！</p>
					</div>
				</li>
				<li>
					<div class="headImg"><img src="/images/ksbaoHead.png" alt="user" /></div>
					<div class="userTalk">
						<span><em>上上签</em><i>2016.08.02</i><strong></strong></span>
						<p class="userDef">四气是指寒热温凉！</p>
					</div>
				</li>
				<li>
					<div class="headImg"><img src="/images/ksbaoHead.png" alt="user" /></div>
					<div class="userTalk">
						<span><em>上上签</em><i>2016.08.02</i><strong></strong></span>
						<p class="userDef">四气是指寒热温凉！</p>
					</div>
				</li>
				<li>
					<div class="headImg"><img src="/images/ksbaoHead.png" alt="user" /></div>
					<div class="userTalk">
						<span><em>上上签</em><i>2016.08.02</i><strong></strong></span>
						<p class="userDef">四气是指寒热温凉！</p>
					</div>
				</li>
				<li>
					<div class="headImg"><img src="/images/ksbaoHead.png" alt="user" /></div>
					<div class="userTalk">
						<span><em>上上签</em><i>2016.08.02</i><strong></strong></span>
						<p class="userDef">四气是指寒热温凉！</p>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<!-- 内容结束 -->
	<!--滑动层-->
	<div id="wrapper">
		<div id="wrapper" class="swiper-container">
			<div id="innerdiv" class="swiper-wrapper">
				
			</div>
		</div>
	</div>
	<!--滑动层结束-->
	<!-- 底部讨论框 -->
	<div class="footAnswerTalk" style="display:block">
		<input type="text" class="ser" placeholder="" />
		<a href="javascript:;">提交</a>
	</div>
	<!-- 底部讨论框结束 -->
	<!-- 答题卡 -->
	<div class="answerSheet" style="display:none">
		<div class="sheetCont">
			<p><em><i></i>未答</em><em><i></i>答对</em><em><i></i>答错</em></p>
			<span>
				<em class="writeTure">1</em><em class="writeFalse">2</em>
				<em>3</em><em class="writeIsc">4</em>
			</span>
		</div>
		<div class="answerSubCon"><a href="javascript:;" class="submitSheet">提交</a></div>
	</div>
	<!-- 答题报告 -->
	<div class="answerReport" style="display:none">
		<div class="sheetChart">
			<!-- 添加canvas标签，并加上红色边框以便于在页面上查看 -->
			<canvas id="myCanvas" style="border: 1px solid red;">
			您的浏览器不支持canvas标签。
			</canvas>
			<span><em></em><strong><b>76%</b><i>正确率</i></strong></span>
			<p>答对：<em>25</em>/<i>30</i>题</p>
		</div>
		<div class="sheetCont">
			<strong>答题卡</strong>
			<p><em><i></i>未答</em><em><i></i>答对</em><em><i></i>答错</em></p>
			<span>
				<em class="writeTure">1</em>
				<em class="writeFalse">2</em>
				<em class="writeDefin">3</em>
				<em class="writeIsc">4</em>
			</span>
		</div>
		<div class="answerSubCon"><a href="javascript:;" class="submitSheet">再来15题</a></div>
	</div>
</div>
<script data-main="/js/answer/answerCont" src="/js/libs/require.js"></script>
<%- include ../common/footer %>